<template>
  <div>
    <navhead></navhead>
    <img :src="imgs[0].imgs" />
    <banner :imgs="imgs[0].imgs1"></banner>
  </div>
</template>

<script>
import navhead from "../YZC/components/Classify/navhead.vue";
import banner from "../YZC/components/advertising/devboy.vue";
import getlink from "../../api/apiserver";
export default {
  data() {
    return {
      imgs: [
        {},
      ],
      arr: [],
    };
  },
  components: { navhead, banner },
  mounted() {
    // console.log(this.$route.query.id);
    getlink("/banner").then((ok) => {
      this.arr = ok.data;
      this.imgs = this.arr.filter((v) => {
        if (v.id == this.$route.query.id) {
          return v;
        }
      });
      // console.log(this.imgs);
    });
  },
};
</script>

<style scoped></style>
